<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <title>预受理信息填写</title>
    <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../../template/website/css/app.css"/>
    <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
    <style>
        .red_color {
            color: rgba(220, 81, 76, 0.75);
        }

        .hr_line {
            color: #0e8fd1;
            width: 100%;
            background-color: #f7f7f7;
            margin-bottom: 2rem;
            padding-left: 1rem;
        }
    </style>
</head>
<body>

<div class="am-g">

    <div class="am-u-sm-12 hr_line">
        预受理信息填写
    </div>

    <div class="am-u-sm-12">
        <div class="am-u-sm-3 red_color">
            预受理名称
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="opp_name" value="" placeholder=""/>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            集团名称
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="group_name" value="" placeholder=""/>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            联系人
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="link_man" value="" placeholder=""/>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            联系电话
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="link_mobile_phone" value="" placeholder=""/>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3">
            联系固话
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="link_phone" value="" placeholder=""/>

        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            联系地址
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="address" value="" placeholder=""/>

        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            归属地市
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_city" onchange="cityChange()" data-am-selected="{btnWidth: '100%',maxHeight: 200}">
            </select>
            <script type="text/x-handlebars-template" id="opp_city_data_tpl">
                {{#each CITY_GROUP_INFO}}
                    <option value="{{CITY_GROUP_ID}}#%#{{CITY_GROUP_NAME}}">{{CITY_GROUP_NAME}}</option>
                {{/each}}
            </script>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            归属区县
        </div>
        <div class="am-u-sm-9">

            <select class="am-form-field" id="opp_county" data-am-selected="{btnWidth: '100%',maxHeight: 200}">
            </select>
            <script type="text/x-handlebars-template" id="opp_county_data_tpl">
                {{#each COUNTY_GROUP_INFO}}
                <option value="{{COUNTY_GROUP_ID}}#%#{{COUNTY_GROUP_NAME}}">{{COUNTY_GROUP_NAME}}</option>
                {{/each}}
            </script>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            业务大类
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_bus_big" onchange="busiChange()"  data-am-selected="{btnWidth: '100%',maxHeight: 200}">
            </select>

            <script type="text/x-handlebars-template" id="opp_bus_big_tpl">
                {{#each BUSI_TYPE}}
                <option value="{{BUSI_TYPE_CODE}}#%#{{BUSI_TYPE_NAME}}">{{BUSI_TYPE_NAME}}</option>
                {{/each}}
            </script>

        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            业务小类
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_bus_sm" data-am-selected="{btnWidth: '100%',maxHeight: 200}">

            </select>

            <script type="text/x-handlebars-template" id="opp_bus_sm_tpl">

                {{#each BUSI_CLASS}}
                <option value="{{BUSI_CLASS_CODE}}#%#{{BUSI_CLASS_NAME}}">{{BUSI_CLASS_NAME}}</option>
                {{/each}}
            </script>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            需求描述
        </div>
        <div class="am-u-sm-9">
            <textarea class="am-form-field" rows="5" id="describe" maxlength="500"  placeholder="少于500字符"></textarea>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            预约回访日期
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_date" data-am-selected="{btnWidth: '100%',maxHeight: 200}">

            </select>

            <script type="text/x-handlebars-template" id="opp_date_tpl">
                <option value="-1">--请选择--</option>
                {{#each CALL_DAY_INFO}}
                <option value="{{CALL_DAY_CODE}}">{{CALL_DAY_NAME}}</option>
                {{/each}}
            </script>


        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            预约回访时间
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_time" data-am-selected="{btnWidth: '100%',maxHeight: 200}">

            </select>
            <script type="text/x-handlebars-template" id="opp_time_tpl">
                <option value="-1">--请选择--</option>
                {{#each CALL_TIME_INFO}}
                <option value="{{CALL_TIME_CODE}}">{{CALL_TIME_NAME}}</option>
                {{/each}}
            </script>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            渠道来源
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opp_source" data-am-selected="{btnWidth: '100%',maxHeight: 200}">
                <option value="-1" selected>--请选择--</option>
                <option value="04">网上营业厅</option>
            </select>
        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3 red_color">
            预受理时限(天)
        </div>
        <div class="am-u-sm-9">
            <input class="am-form-field " id="time_over" value="" placeholder=""/>

        </div>
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3">
            备注
        </div>
        <div class="am-u-sm-9">
            <textarea class="am-form-field" maxlength="500" rows="5" id="remark" placeholder="少于500字符"></textarea>
        </div>
    </div>


    <!--<div class="am-u-sm-12 hr_line">
        下一步操作
    </div>


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3">
            操作
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="opperet" data-am-selected="{btnWidth: '100%',maxHeight: 200}">
                <option value="需求" selected>提交管理员分配</option>
            </select>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3">
            批注
        </div>
        <div class="am-u-sm-9">
            <textarea class="am-form-field" rows="5" id="pizhu" placeholder="少于500字符"></textarea>
        </div>
    </div>

    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-3">
            下一步受理环节
        </div>
        <div class="am-u-sm-9">
            <select class="am-form-field" id="next" data-am-selected="{btnWidth: '100%',maxHeight: 200}">
                <option value="需求" selected>预受理分配</option>
            </select>
        </div>
    </div>-->


    <div class="am-u-sm-12 am-padding-vertical-xs">
        <div class="am-u-sm-6">
            <button type="button" onclick="submit_data()" class="am-btn am-btn-block  am-btn-primary" id="submit" Confirm>提交</button>
        </div>
        <div class="am-u-sm-6">
            <button type="button" onclick="close_btn()" class="am-btn am-btn-block  am-btn-default" id="close" Confirm>关闭</button>
        </div>
    </div>

</div>

<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop/opportunity_add.js"></script>
</body>
</html>